.container-fluid { width: 100%; overflow: hidden;}

/*btn*/
.btn-area {
	margin: 30px 10px 15px;
}
.btn {
	position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 15px;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 2;
    border-radius: 4px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden;
}
.btn:hover { color: #FFF;}
.btn+.btn {
    margin-top: 15px;
}
.btn-primary {
    background-color: #42bd56;
}
.btn-primary:active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #039702;
}

.btn-orange {
    background-color: #2ba4e6;
}
.btn-orange:active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #2ba4e6;
}

.btn-red {
    background-color: #fd0100;
}
.btn-red:active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #e20605;
}

.btn-blue {
    background-color: #00a3ef;
}
.btn-blue:active {
  color: rgba(255, 255, 255, 0.4);
  background-color: #048ecf;
}

.btn-default {
  background-color: #F7F7F7;
  color: #454545;
  border: 1px solid rgba(0,0,0,.2);
}

.btn-default:active {
  color: #A1A1A1;
  background-color: #DEDEDE;
}


.warn-toptips {
    display: none;
    position: fixed;
    -webkit-transform: translateZ(0);
    width: 100%;
    top: 0;
    line-height: 2.3;
    font-size: 14px;
    text-align: center;
    color: #fff;
    z-index: 50000;
	background-color: #e64340;
}

/*列表*/
.item_list { 
	position: relative;
	padding: 10px 10px 10px 115px;
	color: #333;
	display: block;
	overflow: hidden;
	min-height: 90px;
}
.item_list:active { background-color: #ECECEC;}
.il-hd { position: absolute; top: 10px; left: 10px; width: 90px; height: 70px; overflow: hidden;}
.il-hd img { width: 90px;}
.il-bd {    
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


/*article 文章*/
.article { padding: 20px 10px 60px 10px; font-size: 14px;}
.article h1 {
	font-size: 18px;
    font-weight: 500;
    margin-bottom: .75em;
	color: #333;
	text-align: center;
}
.article h2 {
	font-size: 16px;
    font-weight: 600;
	color: #333;
    margin-bottom: .6em;
}
.article h3 {
    font-weight: 600;
    font-size: 16px;
	margin-bottom: .3em;
	color: #333;
}
.article h5 { 
	color: #998f8f; 
	font-weight: 500; 
	position: relative; 
	margin-bottom: .5em; 
	line-height: 24px;
	border-bottom: 1px #eceef0 solid;
}
.article h5 span { position: absolute; top: 0; right: 10px; font-size: 14px;}
.article section {
    margin-bottom: 1.5em;
	color: #666666;
}
.article p {
    margin-bottom: 10px;
	word-wrap: break-word;
}
.article img { max-width: 100%;}

/*组织机构*/
.org-title, .org-item { text-align: center; width: 100%; padding: 5px 0; }
.org-title { background: #eaeaea; font-weight: 600;}
.org-item { background: #FFF; border-bottom: 1px solid #eaeaea;}
.org-item:nth-child(even) { background: #f5f5f5; border-bottom: 1px solid #eaeaea;}
.org-item .cell1 {
	display:-webkit-flex;
	display:flex;
	
	-webkit-align-items:center;
	-moz-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}


/*表单cells_form*/
.cells-form {
	background-color: #fff;
    line-height: 1.6;
    font-size: 16px;
    overflow: hidden;
    position: relative;
	
}
.form-box {
	padding: 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	border-bottom: 1px #d2d2d2 solid;
}
.form-box-hd label {
	display: block;
    width: 100px;
    word-wrap: break-word;
    word-break: break-all;
	color: #333;
}
.form-box-bd {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.form-input {
	width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.6em;
    line-height: 1.6;
	font-size: 14px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.cells-tips {
	margin-top: .3em;
    color: #aba9a9;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.form-box-textarea {
	padding-top: 10px;
    position: relative;
}
.form-box-textarea .form-box-hd { padding: 0 10px;}
.form-box-textarea .form-textarea { 
	border: 1px #d2d2d2 solid;
	display: block;
    width: 100%;
    color: inherit;
    line-height: inherit;
	padding: 5px;
	margin-top: 10px;
}
.form-box-bd .form-textarea {
	display: block;
    width: 100%;
    color: inherit;
    line-height: inherit;
	padding: 5px;
	font-size: 14px;
}
.textarea-counter { color: #b2b2b2; text-align: right}

.weui_select {
    -webkit-appearance: none;
    border: 0;
    outline: 0;
    background-color: transparent;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-left: 15px;
	height: 1.6em;
    line-height: 1.6;
    font-size: 14px;
}
.weui_cell_select:after {
    content: " ";
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 6px;
    width: 6px;
    border-width: 0 2px 2px 0;
    border-color: #c8c8cd;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
}

/*tab切换*/
.tab {}
.tab .tab-hd { background: #f2f2f2; height: 44px; line-height: 44px; font-size: 16px;}
.tab .tab-hd span { display: block; float: left; width: 50%; text-align: center;}
.tab .tab-hd span.active { color: #54c13b;}



/*志愿者协会*/
.association-area { overflow: hidden;}
.association-area li {width: 50%; float: left;}
.association-area li a { 
	width: 100%;
	display: block; 
	text-align: center; 
	color: #333; 
	font-size: 14px; 
	padding: 20px;
}
.association-area li a { border-right: 1px #bfbfbf solid; border-bottom: 1px #bfbfbf solid;}
.association-area li:nth-child(even) a {border-right: none;}
.association-area li a:active {background-color: #ECECEC;}
.association-area li a i { 
	width: 84px; 
	height: 84px; 
	display: inline-block;
	overflow: hidden;
	text-indent: -999px;
}


.ass-01 i { 
	background: url(../images/association01-img.png) no-repeat; 
	background-size: 84px 84px;
}
.ass-02 i { 
	background: url(../images/association02-img.png) no-repeat; 
	background-size: 84px 84px;
}
.ass-03 i { 
	background: url(../images/association03-img.png) no-repeat; 
	background-size: 84px 84px;
}
.ass-04 i { 
	background: url(../images/association04-img.png) no-repeat;
	background-size: 84px 84px;
}

.association-area li p { height: 38px;}

/*协会新闻*/
.association-item { padding-bottom: 60px;}
.association-item li { border-bottom: 1px #c8c7cd solid; font-size: 14px;}


/*微博矩阵 微信矩阵*/
.wxb-container { padding: 15px 10px;}
.wxb-container ul { overflow: hidden; width: 300px; margin: 0 auto;}
.wxb-container li { width: 92px; overflow: hidden; float: left; margin: 0 4px 15px 4px;}
.wxb-container li a { display: block; width: 100%; text-align: center; color: inherit;}
.wxb-container li a:active { opacity: .6}
.wxb-container li span { border: 1px #cccccc solid; border-radius: 4px; display: block; font-size: 0;}
.wxb-container li img { width: 90px; display: inline-block; border-radius: 4px;}
.wxb-container li p { height: 48px;}


/*problem-container*/
.problem-container { padding: 15px 10px;}
.questions-box { margin-bottom: 1.0em}
.qb-title {    
    padding: 0 15px;
    color: #888;
    font-size: 14px;
	margin-bottom: .5em;
}
.qb-answer { border: 1px #d2d2d2 solid; border-radius: 8px;}
.qb-answer li { border-bottom: 1px #d2d2d2 solid;}
.qb-answer li:last-child { border-bottom: 1px transparent solid;}
.qb-answer li label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
	 padding: 10px; 
}
.qb-answer li label:active { background-color: #ECECEC;}
.qb-answer li label p {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.qb-answer li label i { margin-right: 5px;}

.input-radio { 
	width: 20px; 
	height: 20px;
	background: url(../images/input-radio.png) no-repeat center top;
	background-size: 20px 40px;
}
.input-radio.active { 
	background: url(../images/input-radio.png) no-repeat center bottom;
	background-size: 20px 40px;
}

.problem-list-title {

    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #888;
    font-size: 14px;
}
.problem-list {
	margin-top: 0;
    background-color: #fff;
    line-height: 1.41176471;
    font-size: 17px;
    overflow: hidden;
    position: relative;
	border-top: 1px solid #d9d9d9;
	overflow: hidden;
}
.problem-list:last-child {border-bottom: 1px solid #d9d9d9;}
.problem-cell {
	padding: 10px 15px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.problem-cell-bd {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.problem-cell-bd a { color: #333; padding-right: 15px; display: block;}
.problem-cell-ft {
	text-align: right;
    color: #888;
    font-size: 14px;
}

/*nav-bar*/
.nav-bar { 
	position: fixed; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	height: 46px; 
	line-height: 46px;
	background: #fafafa;
	border-top: 1px #bfbfbf solid;
	overflow: hidden;
	text-align: center;
}
.nav-bar a.nb-home { 
	height: 46px;
	overflow: hidden; 
}

.nav-bar a.nb-home i { 
	width: 24px; 
	height: 24px; 
	display: block; 
	background: url(../images/home-icon.png) no-repeat;
	background-size: 24px 24px;
	text-indent: -999px;
	overflow: hidden;
	margin: 11px auto;
}

.nav-bar ul { display: block; overflow: hidden; width: 100%;}
.nav-bar li {float: left; width: 28%;}
.nav-bar li:first-child { width: 16%;}
.nav-bar li a { display: block; width: 100%; color: #333; font-size: 14px; border-right: 1px #bfbfbf solid;}
.nav-bar li a:active {background-color: #ECECEC;}
.nav-bar li:last-child a {  border-right: none;}

/*打开app*/
.openApp { overflow: hidden; height: 100%;}
.oa-hd { background: #FFF; box-shadow: 0 3px 3px rgba(0,0,0,.1); overflow: hidden; padding: 15px;}
.oa-hd li p { text-align: center; font-size: 14px;}

.oa-bd { margin: 15px 15px 0; padding: 15px; background: #FFF; border: 1px #e5e5e5 solid;}
.oa-bd ul { margin-bottom: 15px;}
.oa-bd p { font-size: 14px; text-indent: 28px; margin-bottom: 5px;}

ul.show-img-t { 
	overflow: hidden;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	
	text-align: center;
}
ul.show-img-t li { display: inline-block; font-size: 0;}
ul.show-img-t li:first-child { padding-right: 5px;}
ul.show-img-t li:last-child { padding-left: 5px;}
ul.show-img-t li img { width: 100%;}

ul.show-img-o { 
	overflow: hidden;
	text-align: center;
}
ul.show-img-o li { width: 50%; display: inline-block; font-size: 0;}
ul.show-img-o li img { width: 100%;}

/*操作反馈页面*/
.success-icon { 
	width:49px; 
	height: 49px; 
	display: block;
	margin: 0 auto; 
	background: url(../images/success-icon.png) no-repeat; 
	background-size: 49px 49px;
}

/*砸蛋抽奖*/
.lottery-area { background: #ffd9b0; overflow: hidden;}
.lottery-area .la-hd { width: 100%; background: url(../images/lottery-bg02.png) no-repeat center bottom;}

.la-hd-img {
	display: block;
	width: 320px;
	height: 257px;
	margin: 0 auto;
	background: url(../images/lottery-bg.jpg) no-repeat;
	background-size: 320px 257px;
}

.la-hd-input { width: 100%; padding: 0 50px; margin-top: 20px;}
.la-hd-input li { margin-bottom: 10px;}

.la-hd-input li input,.la-hd-input li button,.la-hd-input li h4 { height: 34px; line-height: 34px; width: 100%;}
.la-hd-input li h4 { text-align: center; font-size: 15px; color: #FFF;}
.la-hd-input li button { 
	border: none; 
	background: #ff8300; 
	border-radius: 4px; 
	color: #FFF; 
	font-size: 15px; 
	font-family: Microsoft Yahei, "宋体", Arial;
}
.la-hd-input li button:active { background: #e27400;}

.la-bd { margin-top: 50px; padding: 0 15px;}
.la-hd-text { margin-bottom: 20px; position: relative;}
.la-hd-text i { 
	position: absolute; 
	width: 50px; 
	height: 50px; 
	display: block; 
	background: url(../images/star-icon.png) no-repeat; 
	background-size: 50px 50px;
	top: -5px;
	left: -15px;
}
.la-hd-text h3 { font-size: 16px; color: #ff8300; padding-left: 40px; margin-bottom: 5px;}
.la-hd-text div { background: #f2a24d; border-radius: 8px; padding: 15px; font-size: 14px; color: #FFF;}

